/* 用户名非空验证 */
$('#username').blur(function (){
    if($(this).val()==''){
        $(this).next('p').remove()
        $(this).after($('<p>').text('用户名不能为空！').css({'color':'red','fontSize':'12px'}))
    }
    if($(this).val()!=''){
        $(this).next('p').remove()
    }

})
/* 密码非空验证 */
$('#password').blur(function (){
    if($(this).val()==''){
        $(this).next('p').remove()
        $(this).after($('<p>').text('密码不能为空！').css({'color':'red','fontSize':'12px'}))
    }
    if($(this).val()!=''){
        $(this).next('p').remove()
    }
})
/* 点击注册非空验证 */
$('.btn-registered').click(function (){
    if($('#username').val()==''){
        $('#username').next('p').remove()
        $('#username').after($('<p>').text('用户名不能为空！').css({'color':'red','fontSize':'12px'}))
        
    }
    if($('#username').val()!=''){
        $('#username').next('p').remove()
    }
    if($('#password').val()==''){
        $('#password').next('p').remove()
        $('#password').after($('<p>').text('密码不能为空！').css({'color':'red','fontSize':'12px'}))
        return
    }
    if($('#password').val()!=''){
        $('#password').next('p').remove()
    }

    // 账号密码格式判断
    var username = $('#username').val()
    var password = $('#password').val()
    var reg=/^[a-zA-Z0-9]+$/
    if(!(reg.test(username))){
        $('#username').next('p').remove()
        $('#username').after($('<p>').text('用户名应为大、小写字母或数字！').css({'color':'red','fontSize':'12px'}))
        return false
    }
    if(!(reg.test(password))){
        $('#password').next('p').remove()
        $('#password').after($('<p>').text('密码应为数字！').css({'color':'red','fontSize':'12px'}))
        return false
    }
    if(reg.test(username) && reg.test(password)){
        alert('注册成功！')
        location.href='../pages/login.html'
    }

    // 将注册的账号密码存储到cookie
    // 从cookie中获取所有保存的用户，返回数组格式的字符串
    let userListStr =  getCookie('userListCookie')
    // 如果userListStr为空，则初始化空数组给userList，否则，转json对象
    let userList = userListStr? JSON.parse(userListStr) : []
    // 构造一个注册用户对象
    let user = {username,password}
    // 注册用户保存到数组
    userList.push(user)
    // 数组转换成json字符串保存到cookie
    setCookie('userListCookie',JSON.stringify(userList),999999999999)
})
/* 返回到登陆界面 */
$('.btn-return').click(function(){
    window.location.href='../pages/login.html'
})

